<!-- This test uses a particular image size to avoid hitting flakiness in mesa texture sampling.  See http://crbug.com/621892 for more details. -->
<style>
img {
    will-change: transform;
}
div {
    width: 160px;
    height: 90px;
    overflow: hidden;
    display: inline-block;
}
</style>
<div><img style="filter: brightness(0)" src="resources/reference_square.png"></div>
<div><img style="filter: brightness(0.4)" src="resources/reference_square.png"></div>
<div><img style="filter: brightness(0.7)" src="resources/reference_square.png"></div>
<div><img style="filter: brightness(0)" src="resources/reference_square.png"></div>
<div><img style="filter: brightness(1.3)" src="resources/reference_square.png"></div>
<div><img style="filter: brightness(1.6)" src="resources/reference_square.png"></div>
<div><img style="filter: brightness(2)" src="resources/reference_square.png"></div>
